<template>
	<view class="bg-white radius-lg margin-bottom padding">
		<view class="text-lg text-bold padding-bottom-sm solid-bottom">
			<text class="cuIcon-titles" :class="theme == 'fs'?'color-blue':'color-green'"></text>
			<text class="text-black">评价信息</text>
		</view>

		<view class="flex align-center justify-between margin-tb">
			<view class="text-lg text-black text-bold">
				总体评价：
			</view>
			<uv-rate :activeColor="theme == 'fs'?'#006BFE': '#0BCA89'" size="24" readonly :count="5"
				:value="commentStar"></uv-rate>
			<view :class="theme == 'fs'?'color-blue': 'color-green'">
				{{textObj[commentStar]}}
			</view>
		</view>
		<uv-textarea v-model="commentContent" disabled></uv-textarea>

	</view>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		props: {
			commentStar: {
				type: Number,
				default: 5
			},
			commentContent: {
				type: String
			}
		},
		computed: {
			...mapGetters(['theme'])
		},
		data() {
			return {
				textObj: {
					1: '非常差',
					2: '差',
					3: '好',
					4: '很好',
					5: '非常好',
				},
			}
		},

	}
</script>